<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{margin:0;padding:0;}
        .head{
            line-height-step: 100px;
            text-align:center;
            background: #fff;
            box-shadow: 0  3px 4px rgba(0, 0, 0, .15);
        }
        .content{
            width: 800px;
            margin-left: auto;
            margin-right:auto;
        }
        .content-detail{
            letter-spacing: 2px;
            line-height:30px;
        }
        .img{
            width:800px;
        }
        .title{
            font-weight: bold;
            line-height: 50px;
        }
        .one:hover{
            color: rgb(129, 129, 126);
            cursor: pointer;
        }
        .two:hover{
            color:rgb(172, 42, 25);
            cursor:pointer;
        }
        .two{
            line-height: 50px;
        }
        .three:hover{
            font-weight:bord;
            color: rgb(129, 129, 126);
            cursor: pointer;
        }
        .h:hover{
            color:rgb(172, 42, 25);
            cursor:pointer;
        }
      
       .h{
        line-height: 50px;
       }
       .four:hover{
        color:rgb(172, 42, 25);
        cursor:pointer;
       }
      
    </style>
</head>
<body>
    <h1 class="head">生活</h1>
    <div class="content">
        <p class="title one">此时此刻就是永远，此时此刻就是一切</p>
        <img class="img" src="images/yan.jpg"alt="">
        <p class="two">持续做自己想要做的事情,好运自然会降临。如果不知道自己喜欢做什么,那就什么都去尝试并尽力做好,那么终究会发现自己所爱。就像大雨时,会挥洒到到大地的每次处,但大雨滂沱之后总会想低低汇集。</p>
        <h2 class="three">句子：</h2>
        <ul >
            <li class="h">每次说走就走的旅行背后,是一笔说取就取的款子</li>
            <li class="h">所谓的我都是为你好,就是控制和伤害</li>
            <li class="h">当你下定决心准备出发时，最困难的时刻就已经过去了。那么，出发吧。</li>
        </ul>
        <p class="four">尼采说：</p>
        <p class="four">对待生命你不妨大胆点，因为它终将离你远去</p>
    </div>

</body>
</html>